<template>
        <div>




        <div>


          <el-card class="box-card">
                <div slot="header" class="clearfix">
                  <span>我的个人信息管理</span>
                  <el-button style="float: right; padding: 3px 0" type="text" @click="goShopping">返回首页</el-button>
                </div>
                <div  class="text item">
                    <el-collapse v-model="activeName" accordion>
                  <el-collapse-item title="*个人信息" name="1">
                    <div>出生年月： 2021-1</div>
                    <div>性别： 男</div>
                    <div>电话： 18899554433</div>
                    <el-button type="info" round>修改</el-button>
                  </el-collapse-item>
                  <el-collapse-item title="*账户余额" name="2">
                    <div>我的余额为:    9999999</div>
                   
                  </el-collapse-item>
                  <el-collapse-item title="*用户ID" name="3">
                    <div>我的账户ID：9998877</div>
                   
                  </el-collapse-item>
                  <el-collapse-item title="*地址管理" name="4">
                    <div>地址：华南理工大学C7宿舍</div>
                    <div> <el-button type="primary" icon="el-icon-edit" circle></el-button></div>
                  </el-collapse-item>
                  <el-collapse-item title="*昵称设置" name="5">
                    <p>我的昵称：小谷围</p>
                    <el-button type="primary" icon="el-icon-edit" circle></el-button>
                  </el-collapse-item>
                  <el-collapse-item title="*账户充值" name="6">
                    <el-input v-model="input" placeholder="请输入充值金额" style="width: 150px;"></el-input>
                      <el-button type="success" round   >充值</el-button>
                  </el-collapse-item>
                  <el-collapse-item title="*密码修改" name="7">
                    <el-input v-model="input" placeholder="请输入原密码" style="width: 200px;"></el-input><br>
                    <el-input v-model="input" placeholder="请输入新密码" style="width: 200px;"></el-input><br>
                    <el-input v-model="input" placeholder="请再次输入新密码" style="width: 200px;"></el-input><br>
                    <el-button type="warning" round>确认修改</el-button>
                  </el-collapse-item>

                
                  
                </el-collapse>
                </div>
          </el-card>
          
        
        </div>

     </div> 
</template>

<script>
      export default {
        data() {
          return {
            activeName: '1'
          };
        },
        methods:{
          goShopping(){
            this.$router.push("/Shopping");
          }
        }

      }

</script>

<style scoped>
.el-cardcss {
    min-width: 180px;
    margin-right: 20px;
    transition: all .5s;
  }
  

</style>